<template>
    <section :class="[panelClass,cname]">
        <h4>—{{ title }}—</h4>
        <slot/>
    </section>
</template>

<script>
export default {
    props:{
        cname: {
            type: String,
            default: ""
        },
        title: {
            type:String,
            default: ""
        },
    },
  data(){
      return {
          panelClass: "panel"
      }
  }
}
</script>

<style lang="scss">
    @import "../../css/element.scss";
    .panel{
        @include panel;
    }
</style>
